body{position:relative; margin:0; font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; background-color: black;}
body::after{content: ""; position: absolute; left:0; top:0; width: 100%; height: 2208px; background: url(bg_picture@3x.png) no-repeat center 0; z-index: -1; opacity: 0.5;}

.red{color:#F13939;}
.gray{color:gray;}
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ibtn, .ibtn:link{background-color: rgba(0,0,0,0.75); color: #FFF; padding: 12px 15px; font-size: 18px; text-decoration: none; transition:background-color .3s ease-in-out;}
.ibtn:hover{background-color: rgba(255,255,255,0.8); color: #000; outline: 1px solid #999;}
.ibtn:active{background-color: rgba(255,255,255,0.5);}

/* ---start--- */
.w-header{}
.w-header .wh-logo{margin-top:411px;}
.w-header .wh-title{margin-top:69px;}
.w-header .wh-slogan{margin-top:327px;}

.w-banner{margin-top: 327px;}
.w-banner .wb-btns{width: 870px; margin: 0 auto 0 auto;}
.w-banner .wb-btns a{width: 390px; height: 132px; line-height: 126px; padding: 0; border: 3px solid #FFF; border-radius: 18px; font-size: 42px; color: #FFF;}
.w-banner .wb-btns a:last-child{margin-left: 90px;}

.w-footer{margin-top: 400px;}